<form method="post" action="#">
    <div class="row">
        <h1 class="col-md-6">Sản phẩm <small>Thêm mới sản phẩm</small></h1>
        <h1 class="col-md-6">
            <button type="button" class="btn btn-default pull-right mgl5" onclick="back();">
                <i class='glyphicon glyphicon-share-alt'></i>
                Trở về
            </button>
        </h1>
        <div class="col-md-12 mgt10">
            <ol class="breadcrumb">
                <li><a href="<?php echo mns_page_url(); ?>"><i class="fa fa-dashboard"></i> Dashboard</a></li>
                <li><a href="<?php echo mns_product_url(); ?>"><i class="fa fa-table"></i> Sản phẩm</a></li>
            </ol>
        </div>
        <div class="clearfix"></div>
    </div>

    <h4>
        Số lượng sản phẩm được phép tải lên đã hết. Vui lòng gia hạn thêm bằng liên kết bên dưới
    </h4>

    <p>
        <a href="<?php echo mns_page_url(PRODUCT_PACKET_SLUG); ?>">Mua thêm gói đăng sản phẩm</a>
    </p>
</form>

<div class="row">
    <div class="col-md-4">
        <div class="panel panel-success">
            <div class="panel-heading">
                <h4 class="text-center">FREE Package</h4>
            </div>
            <div class="panel-body text-center">
                <p class="lead">
                    <strong>$10 / month</strong>
                </p>
            </div>
            <ul class="list-group list-group-flush text-center">
                <li class="list-group-item">
                    Personal Use
                    <span class="glyphicon glyphicon-ok pull-right"></span>
                </li>
                <li class="list-group-item">
                    Single Commercial License
                    <span class="glyphicon glyphicon-remove pull-right"></span>
                </li>
                <li class="list-group-item">
                    Multiple site Commercial license
                    <span class="glyphicon glyphicon-remove pull-right"></span>
                </li>
                <li class="list-group-item">
                    Technical Support
                    <span class="glyphicon glyphicon-remove pull-right"></span>
                </li>
            </ul>
            <div class="panel-footer">
                <a class="btn btn-lg btn-block btn-success">Download</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="panel panel-info">
            <div class="panel-heading">
                <h4 class="text-center">Standard commercial package</h4>
            </div>
            <div class="panel-body text-center">
                <p class="lead">
                    <strong>$10 / month</strong>
                </p>
            </div>
            <ul class="list-group list-group-flush text-center">
                <li class="list-group-item">
                    Personal Use
                    <span class="glyphicon glyphicon-ok pull-right"></span>
                </li>
                <li class="list-group-item">
                    Single Commercial License
                    <span class="glyphicon glyphicon-ok pull-right"></span>
                </li>
                <li class="list-group-item">
                    Multiple site Commercial license
                    <span class="glyphicon glyphicon-remove pull-right"></span>
                </li>
                <li class="list-group-item">
                    Technical Support
                    <span class="glyphicon glyphicon-ok pull-right"></span>
                </li>
            </ul>
            <div class="panel-footer">
                <a class="btn btn-lg btn-block btn-info">Purchase</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h4 class="text-center">Premium commercial package</h4>
            </div>
            <div class="panel-body text-center">
                <p class="lead">
                    <strong>$10 / month</strong>
                </p>
            </div>
            <ul class="list-group list-group-flush text-center">
                <li class="list-group-item">
                    Personal Use
                    <span class="glyphicon glyphicon-ok pull-right"></span>
                </li>
                <li class="list-group-item">
                    Single Commercial License
                    <span class="glyphicon glyphicon-ok pull-right"></span>
                </li>
                <li class="list-group-item">
                    Multiple site Commercial license
                    <span class="glyphicon glyphicon-ok pull-right"></span>
                </li>
                <li class="list-group-item">
                    Technical Support
                    <span class="glyphicon glyphicon-ok pull-right"></span>
                </li>
            </ul>
            <div class="panel-footer">
                <a class="btn btn-lg btn-block btn-primary">Purchase</a>
            </div>
        </div>
    </div>
</div>